<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

<script type="module">
    // import {
    //     createRenderer,
    //     render,
    //     h,
    //     Text,
    //     Fragment,
    // } from '/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-browser.js'
    import {
        Text,
        h,
        render,
        Fragment
    } from "./runtime-dom.js"

    // render(h(Text, 'hello'), document.body)
    // setTimeout(() => {
    //     // render(h(Text, 'hello2'), document.body)
    //     render(null, document.body)
    // }, 2000);

    render(h(Fragment, null, [h('div', 'hello'), h('div', 'word')]), document.body)
    setTimeout(() => {
        // render(h(Fragment, null, [h('div', 'hello'), h('div', 'hello')]), document.body)
        render(null, document.body)
    }, 2000);
</script>

</html>